<template>
	<el-container>
		<el-header>
			<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" router>
			  <el-menu-item style="padding-right: 150px;"><img src="../../static/img/logo_new.png"/></el-menu-item>
			  <el-menu-item index="login?name=1">首页</el-menu-item>
			  <el-menu-item index="login">产品</el-menu-item>
			  <el-menu-item index="login">方案</el-menu-item>
			  <el-menu-item index="login">案例</el-menu-item>
			  <el-menu-item index="login">登录后台</el-menu-item>
			  <el-menu-item index="login"><span class="iconfont icon-dianhua"></span>400-80225645</el-menu-item>
			</el-menu>
		</el-header>
		<el-main>
			<div class="banner-img">
				<img src="../../static/img/index.jpg" style="width: 100%;"/>
			</div>
			<div class="second-box">
				<div class="boxcontent">
					<h1>产品，才是王道</h1>
					<p class="introduce">
						精益创业课程架构遵循以下特点：课程体系源头"面向全员"，课程内容深度方面层级递进，在人员方面根据学习成效"逐层筛选"，最终实现"成功创业"。
						高校创业体系总体应该是一个"漏斗形"结构。在这结构中,创业教育的核心由"创业基础课程"与"创业实训课程"两部分构成:所有学生都会进入创业教育体系完成创业基础课程学习,至于完成
						创业基础学习之后,是否需要选修创业实训课程,并通过实训推演打磨项目后进入创业孵化体系,则需要根据学生的学习情况和意愿而定。
					</p>
					<ul class="clearfix">
						<li>
							<div class="img-box">
								<img src="../../static/img/ico_05.png"/>
							</div>
							<h1 class="titlename">结果导向</h1>
							<p class="textcontent">充实孵化载体项目，提升创业大赛成绩</p>
						</li>
						<li>
							<div class="img-box">
								<img src="../../static/img/ico_07.png"/>
							</div>
							<h1 class="titlename">理实一体</h1>
							<p class="textcontent">落实商业模式理论，践行精益创业实践</p>
						</li>
						<li>
							<div class="img-box">
								<img src="../../static/img/ico_09.png"/>
							</div>
							<h1 class="titlename">专创结合</h1>
							<p class="textcontent">结合专业创业方向，解析行业典型案例</p>
						</li>
						<li>
							<div class="img-box">
								<img src="../../static/img/ico_11.png"/>
							</div>
							<h1 class="titlename">线上线下</h1>
							<p class="textcontent">线上学习理论知识，线下组织课堂讨论</p>
						</li>						
					</ul>
				</div>
			</div>
			<div class="third-box">
				<div class="boxcontent">
					<h1>格局，引领未来</h1>
					<p class="introduce">
						完善创业教育，构建实训体系
					</p>
					<img src="../../static/img/third.png" style="margin:20px auto;width:60%;"/>
				</div>
			</div>			
			<div id="copyright">
				<div class="_content">
					<div class="you_a clearfix">
						<p>友情链接： </p>
						<a href="">关于精华</a>
						<a href="">诚聘英才  </a>
						<a href="">成功案例 </a>
					</div>
					<ul class="sec_tab clearfix">
						<li><a href="">电子沙盘首页</a></li>
						<li><a href="">业务范围</a></li>
						<li><a href="">成功案例</a></li>
						<li><a href="">关于我们</a></li>
						<li><a href="">联系我们 </a></li>
					</ul>	
					<div class="_thirdcon">
						<div class="logo_img">
							<img src="../../static/img/logo-2.png" style="width: 50%;">
						</div>
						<div class="_conttext">
							<img src="../../static/img/phone_35.jpg">
							<p>手机:  13891895377<br>
							邮箱:  2270005800@qq.com<br>
							ＱＱ：2270005800    2582070333<br>
							地址: 河南省郑州市金水区文路硅谷广场805
							</p>
						</div>
						<div class="erweima">
							<div class="list">
								<img src="../../static/img/gongzhonghao.jpg">
								<p>电子沙盘手机网站</p>
							</div>
							<div class="list">
								<img src="../../static/img/gongzhonghao.jpg">
								<p>电子沙盘微信公众号</p>
							</div>							
						</div>
					</div>
					<p class="copytext">Copyright © 2018 河南精华网络科技有限公司    All Rights Reserved 电子沙盘广告  版权所有  </p>
				</div>
			</div>			
		</el-main>
	</el-container>
</template>

<script>
	  export default {
    data() {
      return {
      	router:[]
      }
    },
    //注意这里我是将它的改为这样的，效果是一样的，但使用这个可以在页面任何部位设置跳转时头部导航条部分样式会跟这变化即为选中，而不是不变的例如：你设置跳转到产品页导航条的样式也会跟着选中产品项
    computed:{
      activeIndex(){
        return this.$route.path.replace('/','')
      }
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(this);
        console.log(key,keyPath);
      }
    },
    mounted(){
    	sessionStorage.setItem('user','1')
		this.$router.options.routes.forEach((item,index)=>{
			if(item.meta.role=='index'){
				this.router.push(item)
			}
		})    	
    }
  }
</script>

<style scoped src='../../static/css/all.css'>
</style>